<?php if (!defined('THINK_PATH')) exit(); /*a:3:{s:64:"F:\yxl\tp5.com\public/../application/admin\view\group\group.html";i:1561118064;s:56:"F:\yxl\tp5.com\application\admin\view\layout\header.html";i:1561267602;s:56:"F:\yxl\tp5.com\application\admin\view\layout\footer.html";i:1560398265;}*/ ?>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>layout 后台大布局 - Layui</title>
    <link rel="stylesheet" href="/static/layui/css/layui.css">
    <style>
        /*分页*/
        .pagination {}

        .pagination li {display: inline-block;margin-right: -1px;padding: 7px;border: 1px solid #e2e2e2;min-width: 20px;margin-top:20px;text-align: center;}

        .pagination li.active {background: #009688;color: #fff;border: 1px solid #009688;}

        .pagination li a {display: block;text-align: center;}

        a{
            color: #FF00FF;
        }

        table{
            margin-top:30px;
            text-align:center;
        }

        select{
            text-align:center;
        }
    </style>
</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
    <div class="layui-header">
        <div class="layui-logo">layui 后台布局</div>
        <!-- 头部区域（可配合layui已有的水平导航） -->
        <ul class="layui-nav layui-layout-left">
            <li class="layui-nav-item"><a href="">控制台</a></li>

            <li class="layui-nav-item layui-this">
                <a href="javascript:;">功能</a>
                <dl class="layui-nav-child">
                    <dd><a href="<?php echo url('index/img'); ?>">轮播图</a></dd>
                    <dd><a href="<?php echo url('index/flow'); ?>">流加载</a></dd>
                    <dd><a href="<?php echo url('index/send_sms'); ?>">手机号验证</a></dd>
                    <dd><a href="<?php echo url('index/send_mail'); ?>">php邮箱验证</a></dd>
                </dl>
            </li>

            <li class="layui-nav-item"><a href="">商品管理</a></li>
            <li class="layui-nav-item"><a href="">用户</a></li>
            <li class="layui-nav-item">
                <a href="javascript:;">其它系统</a>
                <dl class="layui-nav-child">
                    <dd><a href="">邮件管理</a></dd>
                    <dd><a href="">消息管理</a></dd>
                    <dd><a href="">授权管理</a></dd>
                </dl>
            </li>
        </ul>

        <ul class="layui-nav layui-layout-right">
            <li class="layui-nav-item"><a href="<?php echo url('/demo/index/index'); ?>">进入前台</a></li>
            <li class="layui-nav-item">
                <a style="color:red">
                    <img src="http://t.cn/RCzsdCq" class="layui-nav-img">

                </a>
                <dl class="layui-nav-child">
                    <dd><a href="<?php echo url('means/index'); ?>">基本资料</a></dd>
                    <dd><a href="<?php echo url('means/settings'); ?>">安全设置</a></dd>
                </dl>
            </li>
            <li class="layui-nav-item"><a href="<?php echo url('login/loginout'); ?>">该退了</a></li>
        </ul>
    </div>


    <div class="layui-side layui-bg-black">
        <div class="layui-side-scroll">
            <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
            <ul class="layui-nav layui-nav-tree" lay-filter="test">
                <!-- 侧边导航: <ul class="layui-nav layui-nav-tree layui-nav-side"> -->
                <li class="layui-nav-item layui-nav-itemed">
                    <a href="javascript:;">列表页面</a>
                    <dl class="layui-nav-child">
                        <dd><a href="<?php echo url('Index/index'); ?>">博客列表</a></dd>
                        <dd><a href="<?php echo url('jquery/jlist'); ?>">地区列表</a></dd>
                        <dd><a href="<?php echo url('nav/index'); ?>">图片列表</a></dd>
                        <dd><a href="<?php echo url('UserList/userlist'); ?>">管理员列表</a></dd>
                        <dd><a href="<?php echo url('auth/index'); ?>">角色列表</a></dd>
                        <dd><a href="<?php echo url('group/group'); ?>">用户组列表</a></dd>
                        <dd><a href="<?php echo url('Rule/rules'); ?>">权限列表</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;">列表添加</a>
                    <dl class="layui-nav-child">
                        <dd><a href="<?php echo url('nav/add_nav'); ?>">添加导航</a></dd>
                      <!--  <dd><a href="<?php echo url('index/add'); ?>">添加标题</a></dd>
                        <dd><a href="<?php echo url('admin/UserList/addUser'); ?>">添加管理员</a></dd>-->
                        <dd><a href="<?php echo url('Jquery/add'); ?>">添加地区用户</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item"><a href="<?php echo url('index/upload'); ?>">图片上传</a></li>
                <li class="layui-nav-item"><a href="<?php echo url('Chat/ChatList'); ?>">聊天室</a></li>
              <!--  <li class="layui-nav-item"><a href="<?php echo url('Jquery/nav'); ?>">无限级分类</a></li>-->
                <li class="layui-nav-item"><a href="<?php echo url('Jquery/Treeview'); ?>">树型菜单</a></li>
            </ul>
        </div>
    </div>

    <div class="layui-body">
        <!--内容主体区域-->
        <!--<div style="padding: 15px;">内容主体区域</div>-->
        <table class="layui-hide" id="demo" lay-filter="test"></table>
    </div>

    <div class="layui-footer">
        <!-- 底部固定区域 -->
        © layui.com - 底部固定区域

    </div>
</div>

<script type="text/html" id="barDemo">
    <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">查看</a>
    <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
</script>
<script src="/static/layui/layui.js"></script>


<script type="text/html" id="switchTpl">
    <!-- 这里的 checked 的状态只是演示 -->
    <input type="checkbox" name="status" value="{{d.id}}" lay-skin="switch" lay-text="启用|禁用" lay-filter="sexDemo" {{ d.status == 1 ? 'checked' : '' }}>
</script>

<script>
    layui.use(['table', 'jquery', 'layer', 'carousel','form','element',], function () {
        var table = layui.table;
        var jquery = layui.jquery;
        var element = layui.element;
        var layer = layui.layer;
        var form = layui.form;
        //第一个实例
        table.render({
            elem: '#demo'
            , url: '/admin/group/group_List' //数据接口
            , toolbar: 'default'
            , page: true //开启分页
            , cols: [[ //表头
                {type: 'checkbox', fixed: 'left'}
                , {field:'id',title:'id',align:'center',width:80,sort:true,fixed:'left'}
                , {field:'title',title:'用户组',align:'center',width:120,sort:true, fixed: 'left'}
                , {field:'status',title:'状态',align:'center',width:120,templet: '#switchTpl',unresize:true}

                , {field:'name',title:'用户组规则',align:'center',width: 600,sort:true}
                , {fixed:'right',title: '操作',align:'center',toolbar:'#barDemo'}
            ]]
        });

        //监听是否显示操作
        form.on('switch(sexDemo)', function(obj){
            jquery.ajax({
                url:"<?php echo url('admin/group/groupUpdateStatus'); ?>",
                data:{id:this.value,status:obj.elem.checked},
                type:"post",
                success:function(data){
                    if(data.code == 1){
                        layer.msg('修改成功');
                    }else{
                        layer.msg('修改失败');
                    }
                }
            });
        });

        //表头 批量删除 修改以及添加
        table.on('toolbar(test)', function (obj) {
            var checkStatus = table.checkStatus(obj.config.id),
                data = checkStatus.data;//获取选中的数据
            //  console.log(data.id);
            var ids = "";
            for (var i = 0; i < data.length; i++) {
                ids += data[i].id + ',';
            }
            //alert(ids);
            switch (obj.event) {
                case 'add':
                    layer.open({
                        type: 2
                        //弹出层样式
                        , area: ['650px', '600px']
                        //宽高
                        , title: '添加操作'
                        //标题信息
                        , content: "<?php echo url('group/groupAdd'); ?>"
                        // 关闭窗口
                        ,btn :'关闭窗口'
                    });
                    break;
                case 'update':
                    if (data.length === 0) {
                        layer.msg('请选择一行')
                    } else if (data.length > 1) {
                        layer.msg('只能同时编辑一个');
                    } else {
                        layer.open({
                            type: 2
                            , title: '编辑'
                            , area: ['600px', '650px']
                            , content: "<?php echo url('admin/Group/groupUpd'); ?>" + "?id=" + data[0]['id']
                            // 关闭窗口
                            ,btn :'关闭窗口',
                        });
                    }


                    break;
                case 'delete':
                    if (data.length === 0) {
                        layer.msg('请选择一行')
                    } else {
                        layer.confirm('真的要删除吗', function (index) {
                            jquery.ajax({
                                url: "<?php echo url('group/DelAll'); ?>",
                                type: "POST",
                                //获取object对象中的data里的id  作为删除条件
                                data: "id=" + ids,
                                success: function (res) {
                                    if (res.code == 1) {
                                        //关闭弹框
                                        jquery(".layui-form-checked").each(
                                            function () {
                                                jquery(this).parents("tr").remove();
                                            }
                                        );
                                        layer.msg('删除成功', {icon: 6});
                                        layer.close(index);
                                    } else {
                                        layer.msg('删除失败', {icon: 5});
                                    }
                                }
                            });
                            return false;
                        });
                    }
                    break;
            }
        });
        //监听头工具栏事件
        table.on('tool(test)', function (obj) {
            var data = obj.data;
            var Event = obj.event;
            if(Event === 'detail') { //查看
                //do somehing
                layer.open({
                    type: 0,
                    anim: 5,
                    title: '数据信息展示',
                    area: ['400px', '400px'],
                    content: 'id：' + obj.data.id + '<br/>' + '用户组规则：' + obj.data.name + '<br/>' + '标题：' + obj.data.title + '<br/>' + '状态码：' + obj.data.status + '<br/>'
                    //content:'id：'+'<input type="text" value="'+obj.data.id+'">',
                });
            } else if (Event === 'del') {
                layer.confirm('确定要删除这条记录么', function (index) {
                    jquery.ajax({
                        url: "delGroup",
                        type: "POST",
                        //获取到obj对象里面data里的id作为删除条件
                        data: {id: obj.data.id},
                        success: function (msg) {
                            if (msg.code == 1) {
                                //删除这一行
                                obj.del();
                                //关闭弹窗
                                layer.msg('删除成功', {icon: 1});
                            } else {
                                layer.msg('删除失败', {icon: 2});
                            }
                        }
                    });
                    return false;
                });
            } else if (Event === 'edit') {
                var id = obj.data.id;
                layer.open({
                    type: 2
                    , area: ['600px', '650px']
                    , title: '修改页面'
                    , content: "<?php echo url('admin/group/groupUpd'); ?>" + "?id=" + id
                    // 关闭窗口
                    ,btn :'关闭窗口',
                })
            }
        });
    });
</script>
</body>
</html>